.editor-container {

}
.editor-container .title {
  margin-bottom: .8rem;
}
.editor-container .title .input {
  border: none;
  background-color: #f0f0f0;
  font-size: .8rem;
  padding: .4rem 1rem;
  outline: none;
  color: #333333;
}
.editor-container .title .input input {
  background-color: #f0f0f0;
} 
.editor-container .content {
  margin-bottom: 1rem;
}
.editor-container .textarea {
  min-height: 60vh;
  padding: 1.5rem;
}
.editor-container .other-info {
  margin: 2rem 0 2rem 1rem;
}
.editor-container .other-info .info-item {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
  margin-right: 2rem;
}
.editor-container .other-info .info-item .item-title {
  margin-right: .5rem;
}
.editor-container .other-info .info-item .item-content {
  flex: 1;
}
.editor-container .other-info .multi-info {
  display: flex;
  align-items: center;
}
.editor-container .other-info .multi-info .info-item {
  min-height: 40px;
  width: 50%;
}
.editor-container .other-info .introduce {
  display: inline-block;
  width: 100%;
  margin: .5rem 0;
}
.editor-container .other-info .introduce .item-title {
  display: inline-block;
}
.editor-container .other-info .introduce .introduce-content {
  display: inline-block;
  width: calc(100% - 80px);
}
.editor-container .other-info .introduce-img {
  display: flex;
  align-items: initial;
  width: 100%;
  margin: .5rem 0;
}
.editor-container .submit-wrapper {
  margin-bottom: 2rem;
}
.editor-container .submit-wrapper .submit {
  margin-left: 1rem;
}
.editor-container .submit-wrapper .tmp-save {
  margin-left: 2rem;
}

/* 预览文章 */
.preview-article {
  margin: 0 2rem;
  padding: 1.5rem;
  /* background-color: #f9f9f9; */
  border: 1px solid #dedede;
}
.preview-article .article-title {
  color: #333333;
  font-size: 1.4rem;
  text-align: center;
}
.preview-article .sub-info {
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 1rem 0;
}
.preview-article .sub-info .reprint {
  color: #74cf59;
  margin-right: 2rem;
  padding: .25rem .5rem;
  background-color: #eaf9e3;
}
.preview-article .sub-info .orginal {
  color: #ca0c16;
  margin-right: 2rem;
  padding: .25rem .5rem;
  background-color: #f9ecec;
}
.preview-article .sub-info .item {
  font-size: 1rem;
  color: #999999;
  padding-right: 2rem;
}
.preview-article .sub-info .item .text {
  font-size: .9rem;
  margin-left: .5rem;
}

.preview-article .introduce-html {
  margin: 0 .8rem 1rem;
  padding: .8rem 1.2rem .8rem;
  background-color: #f3f3f3;
  color: #787878;
}
.preview-article .content-html img {
  width: 100%;
  padding: 1rem 0;
}

pre{
  display: block;
  background-color: #283646;
  padding: .5rem !important;
  overflow-y: auto;
  font-weight: 300;
  font-family: Menlo, monospace;
  border-radius: .3rem;
}
pre > code{
  border:0px !important;
  background-color: #283646 !important;
  color:#FFF;
}
code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px 3px;
  width: calc(100% - 10px);
  box-sizing: border-box;
}